<template>
  <div class="lead-new">
    <img src="./../assets/imgs/sbWay/5.png" class="img-5">
    <div class="img-1-wrap">
      <img src="./../assets/imgs/sbWay/2.png" class="img-1">
    </div>
    <div class="point-wrap">
      <img src="./../assets/imgs/sbWay/4.png" alt="" class="point-round">
      <img src="./../assets/imgs/sbWay/3.png" alt="" class="point-hand">
    </div>
    <div class="btn-wrap">
      <p>抓到15只即有机会获得超级大礼哦！</p>
      <i @click="close"></i>
      <!-- <img src="./../assets/imgs/sbWay/1.png"  > -->
    </div>

  </div>
</template>
<script>
export default {
  name: "leadNew",
  data () {
    return {
  
    };
  },
  computed:{
 
  },
  mounted(){
 
  },
  methods:{
    close(){
      this.$emit('close')
    },
  },
}
</script>
<style lang="scss" scoped>
@import './../styles/common.scss';
.lead-new{
  position: absolute;
  top: px2rem(154);
  width:100%;
  text-align: center;
  .img-1-wrap{
    position: absolute;
    width: 100%;
    top:0;

    .img-1{
      width: px2rem(480);
    }
  }
  
  .img-5{
    width: px2rem(480);
    height: px2rem(440);
    margin-top: px2rem(30);
  }
  .point-wrap{
    position: absolute;
    top:px2rem(320);
    right: px2rem(150);
    width: px2rem(78);
    height: px2rem(78);
    .point-round{
      width: 100%;
      height: 100%;
    }
    .point-hand{
      position: absolute;
      width: px2rem(130);
      top:px2rem(26);
      left:px2rem(26);
      @extend .ripples;
    }

  }
  .btn-wrap{
    p{
      margin: 0;
      padding-top: px2rem(47);
      padding-bottom: px2rem(29);
      font-size: px2rem(28);
      color: #dfdad8;
    }
    i{
      display: inline-block;
      background-image: url(./../assets/imgs/sbWay/1.png);
      @include bg-img();
      height: px2rem(85);
      width: px2rem(299);
    }
    // img{
    //   height: px2rem(85);
    //   width: px2rem(299);
    // }
  }
}
</style>